<template>
    <div class="container">
        <div class="side-bar border-r-0px">
            <h2>
                帮助名称
                <!-- <router-link class="bnt-blue bnt-disabled" to="/rule/edit">新增</router-link> -->
                <!--<a href="javascript:;" class="bnt-blue">新增</a>-->
            </h2>
            <ul>
                <li>
                	<router-link to="/help/"  @click.native="showHighlight" :class="{active: active == 'index'}" highlight="index" >如何使用签到组件</router-link>
            	</li>
                <li >
                    <router-link to="/help/01"  @click.native="showHighlight" :class="{active: active == '01'}" highlight="01">如何创建签到规则</router-link>
                </li>
                <li >
                    <router-link to="/help/02"   @click.native="showHighlight" :class="{active: active == '02'}" highlight="02" >如何新建一个签到对象组</router-link >
                </li>
                <li >
                    <router-link to="/help/03"   @click.native="showHighlight" :class="{active: active == '03'}" highlight="03" >删除签到规则/签到对象</router-link>
                </li>
                <li >
                    <router-link to="/help/04"   @click.native="showHighlight" :class="{active: active == '04'}" highlight="04" >如何设定假期</router-link >
                </li>
                <li >
                    <router-link to="/help/05"   @click.native="showHighlight" :class="{active: active == '05'}" highlight="05" >如何查看签到统计</router-link>
                </li>
                
            </ul>
        </div>

        <div class="main">
            <div class="main-top border-l-1px">
                <h2>帮助详情</h2>
            </div>

            

            
            

            <router-view>
            	
            </router-view>


        </div>

       
    </div>
</template>



<script>

	export default {
		name:'help',
		data(){
			return {
				active : 'index'
			}
		},
		methods:{
			showHighlight(_highlight){
				var bingo = _highlight.target.attributes.highlight.nodeValue;
				
				// console.log(_highlight.target)
				this.active = bingo

			}
		}
		

	}
</script>





















